<script type="text/javascript">
    $(function(){
        trbgmoves('#d3dff2');
    })
</script>
<!--top结束-->
<div class="mian">
    <div class="mian1">
        <div class="mian2">
            <!--left start-->
            <?php $this->load->view('defaults/common/left');?>
            <!--left end-->

            <!--right start-->
            <div class="right">
                <!--breadcrumb start-->
                <div class="righta" style="width: 1200px"><?=$this->breadcrumb->generateHTML();?> </div>
                <!--breadcrumb end-->

                <!-- contents start -->
                <div id="contents" style="width: 1200px">
                    <div id="ct_search"  style="width: 1200px">
                        <table id="search_tb" style="width: 1200px">
                            <tr>
                                <td>
                                    <input type="text">
                                    <input type="submit" value="搜索">
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="ct_content" style="width: 1200px">
                        <div class="switch-controll">
                            <ul class="controll-list">
                                <li class="active">维修完成件数</li>
                                <li>每个件对应的维修项</li>
                                <li>维修超过指定时间</li>
                                <li>报价超出指定时间的件数</li>
                            </ul>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="content-block">
                        <div class="show-block active">暂未开放</div>
                        <div class="show-block">暂未开放</div>
                        <div class="show-block">暂未开放</div>
                        <div class="show-block">暂未开放</div>
                    </div>
                    <style type="text/css">
                        .clear {clear: both;}
                        .switch-controll { background: #eff4fa; border-bottom: 1px solid #ccc;height: 37px;}
                        .controll-list li {float: left; font-size: 14px; color: #333; padding: 10px 15px; list-style: none; border-right: 1px solid #ccc;height: 17px;cursor: pointer;}
                        .controll-list li.active{background: #fff; height: 18px;}
                        .controll-list li:last-child {border-right:none;}
                        .content-block .show-block {display: none;}
                        .content-block .show-block.active {display: block;}
                    </style>
                    <script type="text/javascript">
                        (function($){
                            $(".controll-list li").on("click",function(){
                                var indexNumber = $(this).index();
                                $(this).addClass("active").siblings().removeClass("active");
                                $(".content-block .show-block").removeClass("active").eq(indexNumber).addClass("active");
                            });
                        })(jQuery);
                    </script>
                </div>
                <!-- contents end -->
            </div>
            <!--right end-->
        </div>
    </div>
</div>
